@charset "utf-8";

.h-solution .imore1 {
    display: block;
    margin: 0 auto;

    height: 42px;
    line-height: 42px;
    overflow: hidden;
    transition: all 0.3s;
    margin-top: 2.5%;
    background: none;
    font-size: 18px;
    color: #02893a;
   
    text-align: center;
	width: 16%;
    margin: 60px auto;
    padding: 10px;
    text-align: center;
    transition: all 0.4s;
    border: 1px #02893a solid;
    

}


.h-solution .imore1:hover {
     width:18%; background:#02893a; color:#fff}


.banner .swiper-pagination{bottom:4.6296%
}
.banner .swiper-pagination .swiper-pagination-bullet{margin:0 10px
}
.banner .swiper-pagination-bullet{width:11px;height:11px;opacity:1;filter:alpha(opacity=100);background:#fff
}
.banner .swiper-pagination-bullet-active{background:#02893a
}
.h-product{margin:5.3645% 0 5.1041%
}
.h-product-wrap{position:relative;margin:5.1282% 0 7.6923%
}
.h-product-wrap a{display:block
}
.h-product-wrap .swiper-container{margin:0 -1px
}
.h-product-wrap .swiper-slide{padding:0 1px
}
.h-product-wrap .swiper-slide:hover .h-pro-img{border-color:#c2e2f6;transition:all .45s ease;-ms-transition:all .45s ease;-o-transition:all .45s ease;-webkit-transition:all .45s ease;-moz-transition:all .45s ease
}
.h-product-wrap .swiper-slide:hover .h-pro-img:after{height:100%;transition:all .45s ease;-ms-transition:all .45s ease;-o-transition:all .45s ease;-webkit-transition:all .45s ease;-moz-transition:all .45s ease
}
.h-product-wrap .swiper-slide:hover .h-product-desc{opacity:1;filter:alpha(opacity=100);transition:all .45s ease;-ms-transition:all .45s ease;-o-transition:all .45s ease;-webkit-transition:all .45s ease;-moz-transition:all .45s ease
}
.h-product-wrap .h-pro-img{border:1px solid #e7e7e7;border-radius:6px;position:relative;transition:all .45s ease;-ms-transition:all .45s ease;-o-transition:all .45s ease;-webkit-transition:all .45s ease;-moz-transition:all .45s ease
}
.h-product-wrap .h-pro-img img{border-radius:6px
}
.h-product-wrap .h-pro-img:after{content:'';width:100%;height:0;position:absolute;background:#57ade3;left:0;bottom:0;z-index:2;border-radius:6px;transition:all .45s ease;-ms-transition:all .45s ease;-o-transition:all .45s ease;-webkit-transition:all .45s ease;-moz-transition:all .45s ease
}
.h-product-wrap .h-product-desc{width:70.6714%;position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-50% + .5px));-ms-transform:translate(-50%,calc(-50% + .5px));-o-transform:translate(-50%,calc(-50% + .5px));-webkit-transform:translate(-50%,calc(-50% + .5px));-moz-transform:translate(-50%,calc(-50% + .5px));text-align:center;z-index:3;opacity:0;filter:alpha(opacity=0);transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease;-webkit-transition:all .6s ease;-moz-transition:all .6s ease
}
.h-product-wrap .h-product-desc h3{font-size:16px;line-height:20px;color:#fff
}
.h-product-wrap .h-product-desc h3:after{content:'';width:30px;height:1px;background:#9ad5fb;display:block;margin:20px auto
}
.h-product-wrap .h-product-desc p{color:#aedffe;font-size:12px;line-height:28px;height:84px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3
}
.h-product-wrap .pro-tit{text-align:center;font-size:16px;color:#233645;line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;margin-top:30px
}

.h-solution .bg{position:absolute;top:0;width:100%;height:600px;will-change:transform;background-repeat:no-repeat;background-position:center 0;background-attachment:fixed!important; background-size:100%; 
}
.h-solution .more{margin-top:7.8632%
}
.h-solution .tit .tit-en{color:#afcddf
}
.h-solution-wrap{position:relative; width:100%;
}
.h-solution-wrap .clearfix{display:block;padding:15.0256% 11.0256% 16.1538% 7.8461%
}


.h-solution-wrap .swiper-slide{background:rgb(0,155,76,0.73); box-shadow: 0 5px 15px rgba(0,0,0,.07); 
}



/*.h-solution-wrap .swiper-slide{background:rgb(37,158,79,.8); background:rgb(255,255,255,.7); box-shadow: 0 5px 15px rgba(0,0,0,.07); 
}*/

.h-solution-wrap .swiper-slide:hover span{border-bottom-color:#a8c8d7;transition:all .45s ease;-ms-transition:all .45s ease;-o-transition:all .45s ease;-webkit-transition:all .45s ease;-moz-transition:all .45s ease
}
.h-solution-wrap .icon{width:72px;float:left
}
.h-solution-wrap .solution-desc{float:right;width:calc(100% - 22px);
}
.h-solution-wrap h3{
	font-size: 26px;
	line-height: 70px;
	color: #fff;
	height: 70px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-bottom: 0px;
	font-weight: 100

}

@font-face {
	font-family:Open Sans;
	src: url('../fonts/Open Sans.ttf'); }
	
.h-solution-wrap p{line-height:31px;color:#fff;height:94px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin-bottom:0px; font-family:Open Sans; font-size:18px;

}
.h-solution-wrap .list { margin-bottom:20px;}

@media all and (max-width:1950px){  
.h-solution-wrap .tutu { width:100%; margin-bottom:20px; height:234px; overflow:hidden; position:relative;/* border:7px solid rgba(255,255,255,.5);*/}
.h-solution-wrap .swiper-slide { height:618px; border-radius: 5px;/* border:1px #dddddd solid; border-bottom:15px #c9e5d6 solid;*/ }
.h-solution{background:url(../images/case_bg.jpg) no-repeat center top;position:relative;height:960px;width:100%;padding-top:0%;margin-bottom:60px ; padding-top:320px
}
}
@media all and (max-width:1650px){  
.h-solution-wrap .tutu { width:100%; margin-bottom:20px; height:174px; overflow:hidden; position:relative;/* border:7px solid rgba(255,255,255,.5);*/}
.h-solution-wrap .swiper-slide { height:538px; border-radius: 5px;/* border:1px #dddddd solid; border-bottom:15px #c9e5d6 solid;*/ }
.h-solution{background:url(../images/case_bg.jpg) no-repeat center top;position:relative;height:850px;width:100%;padding-top:0%;margin-bottom:60px ; padding-top:320px
}.container {
    width: 90%;
    padding-bottom: 13%;
}
}




.h-solution-wrap .tutu img { width:100%; height:auto;  transition:all .4s; position:absolute; left:0px; top:0px; z-index:1;}
.h-solution-wrap .tutu:hover:before { content:"去了解"; width:100%; height:100%; background:rgba(0,0,0,.3);   transition:all .4s; position:absolute; left:0px; top:0px; z-index:2; color:#fff; line-height:100%; text-align:center; line-height:167px; font-size:17px; text-decoration:underline;}

.h-solution-wrap .tutu:hover img { width:100%; height:auto; transform:scale(1.1,1.1)}


.h-solution-wrap .solution-desc:hover span{
background:rgb(255,255,255,1); color:#20934f}



.h-solution-wrap span{font-size:14px;line-height:40px;display:inline-block;text-transform:uppercase;font-weight:700;border-bottom:1px solid transparent;transition:all .45s ease;-ms-transition:all .45s ease;-o-transition:all .45s ease;-webkit-transition:all .45s ease;-moz-transition:all .45s ease; margin-top:0px; width:30%; text-align:center;background:none; color:#fff; border:1px #fff solid
}
.h-solution-wrap .arr{margin-top:14px
}
.h-new{margin-top:0px;margin-bottom:6.5104%
}
.h-new-wrap{margin:2.8376% 0 7.4358%
}
.h-new-wrap h2{font-size:22px;line-height:32px;height:66px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3; margin-bottom:30px;
}
.h-new-wrap img{transition:transform cubic-bezier(.215,.61,.355,1) 1s;-ms-transition:transform cubic-bezier(.215,.61,.355,1) 1s;-o-transition:transform cubic-bezier(.215,.61,.355,1) 1s;-webkit-transition:transform cubic-bezier(.215,.61,.355,1) 1s;-moz-transition:transform cubic-bezier(.215,.61,.355,1) 1s
}
.h-new-wrap p{font-size:15px;line-height:26px;height:78px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3
}
.h-new-wrap span{font-size:14px;line-height:20px;display:inline-block;text-transform:uppercase;font-weight:700;border-bottom:1px solid transparent;transition:all .45s ease;-ms-transition:all .45s ease;-o-transition:all .45s ease;-webkit-transition:all .45s ease;-moz-transition:all .45s ease;
}
.h-new-top{position:relative
}
.h-new-top a{display:block
}
.h-new-top .new-img{width:50%
}
.h-new-top .new-desc{width:50%;padding:0 5.9829%;position:absolute;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);right:0
}
.h-new-top .time{width:132px;border:1px solid #abd6f3;border-radius:15.5px;font-size:14px;line-height:30px;color:#57ade3;text-align:center;margin-bottom:6.1538%
}
.h-new-top .new-sort,.h-new-top h2{color:#233645
}
.h-new-top p{color:#979797;margin:3.7606% 0 6.4957%
}
.h-new-top span{color:#57ade3
}
.h-new-top:hover img{transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1)
}
.h-new-top:hover span{border-bottom-color:#abd6f3;transition:all .45s ease;-ms-transition:all .45s ease;-o-transition:all .45s ease;-webkit-transition:all .45s ease;-moz-transition:all .45s ease; 
}
.h-new-bottom{margin-top:3px
}
.h-new-bottom ul{margin:0 -1.5px
}
.h-new-bottom li{float:left;width:calc(50% - 3px);margin:0 1.5px;position:relative;transition:all .45s ease;-ms-transition:all .45s ease;-o-transition:all .45s ease;-webkit-transition:all .45s ease;-moz-transition:all .45s ease
}
.h-new-bottom li:nth-child(1){background:#007788
}
.h-new-bottom li:nth-child(2){background:#24baca
}
.h-new-bottom li:nth-child(2) p{color:#b8d2eb
}
.h-new-bottom li:after{content:'';width:3px;height:100%;background:#fff;position:absolute;top:0;left:50%;transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%)
}
.h-new-bottom li:hover img{transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1)
}
.h-new-bottom li:hover span{border-bottom-color:#afbdcb;transition:all .45s ease;-ms-transition:all .45s ease;-o-transition:all .45s ease;-webkit-transition:all .45s ease;-moz-transition:all .45s ease
}
.h-new-bottom a{display:block;position:relative
}
.h-new-bottom .new-img{width:50%
}
.h-new-bottom .new-desc{width:50%;padding:14.0885% 5.8119% 6.4957%
}
.h-new-bottom .new-sort,.h-new-bottom h2{color:#fff
}
.h-new-bottom p{color:#b3daeb;margin:7.931% 0 7.2413%
}
.h-new-bottom span{color:#fff
}
@media (max-width:1280px){.h-product-wrap .pro-tit{font-size:15px;margin-top:20px
}
.h-solution-wrap a{padding:21.0256% 10% 16.1538% 10%
}
.h-new-top .new-desc{padding:0 5%
}
.h-new-bottom .new-desc{padding:0 5%;position:absolute;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%)
}

}
@media (max-width:1200px){.banner{margin-top:75px
}
.banner .swiper-pagination .swiper-pagination-bullet{margin:0 5px
}
.banner .swiper-pagination-bullet{width:8px;height:8px
}
.h-solution{height:420px
}
.h-solution .bg{height:420px
}
.h-solution .more{margin-top:5%
}
.h-solution-wrap a{padding:16% 10% 16% 10%
}
.h-solution-wrap .icon{width:62px
}
.h-solution-wrap .icon img{width:46px;height:auto
}
.h-solution-wrap .solution-desc{width:calc(100% - 62px)
}
.h-solution-wrap h3{font-size:16px;margin-bottom:20px
}
.h-solution-wrap p{margin-bottom:15px
}
.h-new{margin-top:23%
}
.h-new-wrap{margin:5% 0
}
.h-new-wrap h2{font-size:15px;line-height:24px;height:48px
}
.h-new-top .new-desc{padding:0 3%
}
.h-new-bottom .new-desc{padding:0 3%
}

}
@media (max-width:992px){
	
	
.h-solution-wrap .swiper-slide { height:458px; border-radius: 5px;/* border:1px #dddddd solid; border-bottom:15px #c9e5d6 solid;*/ }
.h-solution{background:url(../images/case_bg.jpg) no-repeat center top;position:relative;height:850px;width:100%;padding-top:0%;margin-bottom:60px ; padding-top:320px
}.container {
    width: 90%;
    padding-bottom: 13%;
}	
	
	
	
	
	
	.h-solution-wrap span {
    font-size: 14px!important;
    line-height: 30px!important;
   
}
.h-solution .bg{ position:relative}	
	.main1 {
    width: 90%;
    margin: 0 auto;
    padding-top: 40px;
    margin-bottom: 60px;
}
	.h-solution .imore1 {
    display: block;
    margin: 0 auto;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    transition: all 0.3s;
    margin-top: 2.5%;
    background: none;
    font-size: 14px;
    color: #02893a;
    text-align: center;
    width: 36%;
    margin: 40px auto;
    padding: 0px;
    text-align: center;
    transition: all 0.4s;
    border: 1px #02893a solid;
}
	.h-solution-wrap p{ font-size:14px}
	
	.h-solution-wrap .clearfix {
    display: block;
    padding: 10% 11.0256% 10% 7.8461%;
}
	.h-solution{height:360px
}
.h-solution .bg{height:240px
}
.h-solution-wrap .icon{width:46px
}
.h-solution-wrap .icon img{width:32px
}
.h-solution-wrap .solution-desc{width:calc(100% - 26px)
}
.h-solution-wrap h3{font-size:16px;height:28px;line-height:24px;margin-bottom:5px
}
.h-solution-wrap a{padding:7% 0
}
.h-new-top .time{display:none
}
.h-new-top p{margin:10px 0 15px
}
.h-new-top .new-desc{padding-right:0
}
.h-new-bottom{margin-top:15px
}
.h-new-bottom ul{margin:0
}
.h-new-bottom li{width:100%;margin:0;margin-bottom:15px
}
.h-new-bottom li:nth-child(1){background:0 0
}
.h-new-bottom li:nth-child(2){background:0 0
}
.h-new-bottom li:after{display:none
}
.h-new-bottom .new-img{float:left
}
.h-new-bottom .new-desc{float:right;right:0;padding-right:0
}
.h-new-bottom .new-sort,.h-new-bottom h2{color:#233645
}
.h-new-bottom p{color:#979797;margin:10px 0 15px
}
.h-new-bottom span{color:#57ade3
}

}
@media (max-width:768px){.h-product{margin:45px 0
}
.h-product-wrap{margin:35px 0
}
.h-product-wrap .h-product-desc{display:none
}
.h-product-wrap .h-pro-img:after{display:none
}
.h-solution{padding-top:35px;margin-bottom:45px;height:auto
}

.h-solution .tit .tit-cn{color:#233645
}
.h-solution .more{margin-top:35px
}
.h-solution-wrap{margin-top:35px
}
.h-new{margin-top:0;padding-top:35px;margin-bottom:60px
}
.h-new-wrap{margin:35px 0 0
}
.h-new-wrap p{line-height:24px;height:48px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2
}
.h-new-bottom{margin-bottom:35px
}
.banner{margin-top:70px
}

}
@media (max-width:520px){.h-new-top .new-img{width:100%;float:none
}
.h-new-top .new-desc{width:100%;position:static;right:auto;top:auto;transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);float:none;padding-left:0;margin-top:25px
}
.h-new-bottom{margin-top:30px;padding-bottom:15px;margin-bottom:0
}
.h-new-bottom .new-img{width:100%;float:none
}
.h-new-bottom .new-desc{width:100%;position:static;right:auto;top:auto;transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);float:none;padding-left:0;margin-top:25px
}
.h-new-bottom li{margin-bottom:30px
}

}
@media (max-width:480px){.banner{margin-top:60px
}
.h-product{margin:35px 0 50px
}
.h-product-wrap{margin:25px 0 30px
}
.h-product-wrap .pro-tit{font-size:14px;margin-top:15px
}
.h-solution{padding-top:20px
}
.h-solution .more{margin-top:30px
}
.h-solution-wrap{margin-top:25px
}
.h-solution-wrap a{padding:25px 0
}

}